<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        h3,h5,p{
            margin: 0;
            padding: 0;
        }
        #goods{
            width: 206px;
            border: solid 1px #ccc;
            margin: 0 auto;
            padding: 20px 15px;
        }
        .top{
            width: 100%;
            border: solid 0px red;
            margin: 0 auto;
        }
        img{
            width: 100%;
        }
        .top>.img{
            margin-bottom: 0px;
            border: solid 1px red;
            padding-bottom: 100px 2px;
        }
        .title{
            border: solid 0px red;
            text-align: center;
            background-color: #ccc;
            padding: 10px 0px 8px 0px;
        }
        .mid{
            border: solid 0px red;
            overflow: hidden;
        }
        .mid>.fl{
            float: left;
            width: 88px;
            text-align: center;
        }
        .mid>.fr{
            float: right;
            width: 88px;
            text-align: center;
        }

    </style>
</head>
<body>
    <div id="goods">
        <div class="top">
            <h3>众筹</h3>
            <div class="img">
                <img src="../img/boy.png" alt="404">
            </div>
            <div class="title">
                <h3>苹果I-Watch手表上市</h3>
                <p>一场手表的呼吸革命</p>
            </div>
            <div class="mid">
                <div class="fl">
                    <img src="../img/boy.png" alt="404" style="width: 88px; height: 82px;">
                    <h5>大圣原版手镯</h5>
                </div>
                <div class="fr">
                    <img src="../img/boy.png" alt="404" style="width: 88px; height: 82px;">
                    <h5>智能运动鞋</h5>
                </div>
            </div>
            <div class="bottom">
                <a href="#">智能手表</a>
                <a href="#">创意新品</a>
                <a href="#">时尚家居</a>
                <a href="#">动漫周边</a>
                <a href="#">指纹手机</a>
            </div>
        </div>
    </div>
</body>
</html>